"use client"

import { Button } from "antd";
import Link from "next/link";
// TODO: 区别是？
// import { useRouter } from "next/router";
import { useRouter } from "next/navigation";


// export default async function Page({ params }: { params: Promise<{ id: string }> }) {
export default async function Page({ params }: { params: { id: string } }) {
    const router = useRouter()
    // const { id } = React.use(params)
    // console.log("params", id)
    const p = await params

    return (
        <div>
            <div>
                用户{p.id}
            </div>
            {/*TODO: 不能返回 会报错 */}
            {/* 路由拦截后该处只有硬路由可以访问(使用链接直接访问或刷新页面) 没有上一个路由 ？？ */}
            <Button onClick={() => router.back()}>返回</Button>
            <br />
            {/* 这样可以正常访问 */}
            <Link href="/userList">userList</Link>
        </div>
    );
}
